<template>
	<div class="monitoring3">
		<div class="monitoring3_list">
			<div class="monitoring3_list_litem" v-for="(item,index) in litemData" :key="index">
				<div class="litem_line"></div>
				<div class="litem_title">{{item.title}}</div>
				<div class="litem_echarts">
					<monitoringEc3 :monNum="item.num"></monitoringEc3>
				</div>
			</div>
		</div>
		<div class="monitoring3_list" >
			<div class="monitoring3_list_ritem" v-for="(item,index) in ritemData" :key="index">
				<div class="ritem_line"></div>
				<div class="ritem_title">{{item.title}}</div>
				<div class="ritem_echarts">
					<monitoringEc3r :monNum="item.num"></monitoringEc3r>
				</div>
			</div>
		</div>
	</div> 
</template>

<script>
	name: 'monitoring3'
	import monitoringEc3 from '../../components/monitoring/monitoringEc3.vue'
	import monitoringEc3r from '../../components/monitoring/monitoringEc3r.vue'
	export default{
		data() {
			return {
				litemData:[
					{
						title:'平台内成果对接数',
						num:23
					},
					{
						title:'平台内仪器设备共享服务量',
						num:30
					},{
						title:'平台内各模块点击率、访问率',
						num:15
					},{
						title:'专利流向监测',
						num:31
					}
				],
				ritemData:[
					{
						title:'平台内专题服务统计',
						num:10
					},
					{
						title:'平台内需求对接统计',
						num:21
					},{
						title:'平台内专家智库服务统计',
						num:25
					}
				]
			}
		},
		components:{
			monitoringEc3,
			monitoringEc3r
		}
	}
</script>


<style lang="stylus" rel='stylesheet/stylus' scoped>
	@import "~@/assets/monitoring3.styl"
</style>